@import './allen.scss';
@import './home_common.scss';

/*Vue隐藏*/

[v-cloak] {
    display: none;
}

* {
    box-sizing: border-box;
}


/*清除样式*/

body,
ol,
ul,
dl,
li,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    box-sizing: border-box;
}

html {
    position: relative;
    // margin: 0 auto;
    // max-width: 750px;
    // min-width: 300px;
    // font-size: 62.5%;
}

body {
    position: relative;
    font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    // font-size: 14px;
    // background: #fff;
    // color: #282828;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
    // font-size: 14px;
    box-sizing: border-box;
}

a {
    color: #333;
    text-decoration: none;
    transition: color .2s ease-out;
}

a:hover {
    text-decoration: none;
}

em,
i {
    font-style: normal;
}

ol,
ul,
dl,
li,
dt,
dd {
    list-style: none
}

img {
    border: 0;
    vertical-align: middle
}

.boxShadow {
    box-shadow: 0 0 .18rem 0 rgba(0, 0, 0, 0.1);
}

a img {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,
textarea {
    font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    outline: none;
}

input,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    outline: none;
    padding: 0px;
    margin: 0;
}


/*透明度渐变*/

.opacity {
    -webkit-animation: opacity 0.3s linear;
    animation: opacity 0.3s linear;
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/*清除浮动*/

.clearfloat {
    zoom: 1
}

.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}


/*居中*/

.center {
    margin: 0 auto
}

// position
.relative {
    position: relative;
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

// 字体粗细
.bold {
    font-weight: bold
}

// 字体位置
.v-left {
    text-align: left
}

.v-right {
    text-align: right
}

.v-center {
    text-align: center
}

.auto {
    margin: 0 auto;
}

.no-border {
    border: none
}

.middle {
    vertical-align: middle
}

.sub {
    vertical-align: sub
}